<template>
    <div id="dog">
       <img :src="url">
       <p>{{ title }}</p>
    </div>
</template>

<script>
export default {
    props:['title','url']
};
</script>



<style>
#dog{
    float: left;
    width: 200px;
    border: 1px solid black;
    text-align: center;
}
img{
    width: 100%;
 }
</style>